<template>

	<view class="px-4 py-2" >
		<view class="" style="height: 120rpx;">
			
		</view>
		<view class="flex   text-white  text-center" style="font-size: 50rpx; position: absolute;width: 100%; top: 60rpx;">
			
			<view class="flex " @click="returnBack()">
				<u-icon name="arrow-left" color="#5d5d5d" size="20"></u-icon>
			</view>
		
		</view>
		<view class="flex justify-center align-center my-2 bg-light-muted rounded p-2">
			<view class="bg-white rounded-circle shadow flex justify-center align-center mr-2"
				style="width: 60rpx;height: 60rpx;">
				<text class="iconfont icon-bubble-chart-fill font-lg " style="color: #ff0000; "></text>
			</view>

			<text class="text-light-black font-lg font-weight-bold">红色足迹</text>
		</view>


	
		<view class="" >
			<block v-for="(item,index) in datalist" :key="index">
				<view class="py-1 px-2 " style="position: relative;border-left: #d1d1d1 4rpx solid;">
					<view class="" style="position: absolute;border-top: #d1d1d1 2rpx dashed;width: 30rpx;left: 0;top: 50rpx;">
						
					</view>
					<view class=" rounded-lg animate__animated animate__zoomIn animate__faster" style="background: linear-gradient(90deg,#ff0000,#ff5500);" @click="showContent(item)">
						<view class="p-2 rounded-lg shadow "  hover-class="bg-alpha-light" hover-stay-time="100">
							<text class="font text-white">{{index+1}}-{{item.head}}</text>
						</view>
						
					</view>
				</view>
				
			</block>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				share: {
				
					title: '红色足迹',
					path: '/studyPack/red-journey/red-journey',
				
				
				},
				datalist: 
					[{
							pic: 'http://image109.360doc.com/DownloadImg/2020/06/1123/192762291_1_20200611111619427',
							head: "西安事变纪念馆",
							symptom: '1.双手与肩同宽，向上至下巴过杆\n2.向下至双臂伸直\n3.全程身体无借力摆荡，保持微微后倾\n4.两腿交叉或自然下垂；',
							cure: '1.提脚跟，身体成半蹲，两臂自然后张，挺胸，目视器械，起跳抓器械成直臂悬垂姿势，两手正握杠，脚尖绷直。\n2.收紧肩胛骨，双肩用力下压将身体拉起，感受背部发力，用背阔肌的收缩力量将身体往上拉起。',
							prevent: '1.主练背阔肌、肱二头肌，对肩胛骨周围许多小肌肉群以及小臂肌群也有一定的训练效果\n2.反手握扛，对肱二头肌训练效果最强，对其他部位相对较弱',
							pic1: '',
							open:false

						}, {
							pic: 'http://image109.360doc.com/DownloadImg/2020/06/1123/192762291_2_20200611111619849',
							head: "八路军西安办事处纪念馆",
							symptom: '1.正握引体向上开始，含胸收腹举腿\n2.双臂贴紧身体，两腿贴杠向上向后伸腿\n3.两手用力提拉杠至大腿跟处\n4.两手转腕，抬头挺胸成正撑，正撑时身体与水平方向成45度角',
							cure: '1.屈臂向上引体，同时含胸、收腹、屈髓，上举大腿，上体后倒\n2.在手臂拉杠的同时，腿向后上方伸出过杠，使腹部贴杠\n3.翻转手腕，抬头挺胸，身体绕单杠转动，伸直双臂成正撑动作',
							prevent: '1.发展上肢和腹部肌肉力量\n2.提高身体协调能力',
							pic1: '',
							open:false
							
							
						}, {
							pic: 'http://image109.360doc.com/DownloadImg/2020/06/1123/192762291_3_20200611111620537',
							head: "葛牌镇区苏维埃政府纪念馆",
							symptom: '1.立臂上\n2.单腿摆越成骑撑\n3.后倒挂腿上成骑撑\n4.腿向后跨杠成正撑\n5.弧形下',
							cure: '1.直臂悬垂，两手用力屈臂拉杠至胸部时，左（右）手顺势向上迅速翻腕立肘，同时身体稍向右（左）转，右（左）手翻腕立肘，两臂伸直成正撑。\n2.上体右（左）移，右（左）臂支撑，左（右）手推离杠，同时左（右）腿向前摆越，左（右）手握杠成骑撑\n3.两臂撑杠，身体重心后移，上体后倒，左（右）腿屈膝挂杠，右（左）腿向前上方送出,当身体后摆至臂部过杠下垂直部位时，右（左）腿后上摆，伸直臂成骑撑\n4.左（右）手向内、右（左）手向外依次换握，身体重心右（左）移，左（右）腿向后跨杠成正撑,上体后倒，腿向前上方举起。两手顺势向头后带杠，使腿、髋部向前上方伸出，挥臂挺身下',
							prevent: '1.上肢、肩部、腰背肌群力量\n2.提高身体平衡、协调能力',
							pic1: '',
							open:false
						},
						{
							pic: 'http://5b0988e595225.cdn.sohucs.com/images/20191212/803d2600358945fa9b0e950ea3b611f4.gif',
							head: "汪锋故居纪念馆",
							symptom: '两手反握单杠，屈臂引体，下颌超过单杠水平位置，身体处在悬垂状态，以保持此姿势',
							cure: '两手反握单杠，保持屈臂状态，克服自身体重，肌肉保持静力性收缩',
							prevent: '1.上肢屈肌和肩背肌群的力量\n2.肌肉耐力',
							pic1: '',
							open:false
						},
						{
							head:"汪锋故居纪念馆"
						},
						{
							head:"川陕革命根据地纪念馆"
						},
						{
							head:"洛川会议纪念馆"
						},
						{
							head:"马栏革命旧址"
						},
						{
							head:"陕甘边照金革命根据地旧址"
						}

					]

			}
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title:'',
				
			})
		},
		methods: {
			returnBack()
			{
				uni.navigateBack({
					delta: 1
				});
			},
			showContent(e)
			{
				// uni.navigateTo({
				// 	url: `../book-content/book-content?params=${encodeURIComponent(JSON.stringify({itemdata:e,type:'jiqiao'}))}`,
				// });
			},
			itemChange(e)
			{
				this.datalist[this.selectSection][e.index].open=e.show;
				console.log(e);
				
			},
			sectionChange(index) {
				this.selectSection = index;
				
				
			} 
		}
		
	}
</script>

<style>
</style>
